<template>
    <div role="tabpanel" class="tab-pane active" id="home">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs" role="tablist">
            <li role="presentation" class="active">
                <RouterLink to="/home/Message" aria-controls="Message" role="tab" data-toggle="tab">Message</RouterLink>
            </li>
            <li role="presentation">
                <RouterLink to="/home/News" aria-controls="News" role="tab" data-toggle="tab">News</RouterLink>
            </li>
        </ul>
        <!-- Tab panes -->
        <div class="tab-content">
            <RouterView></RouterView>
        </div>
    </div>
</template>

<script setup lang="ts">
import { RouterView, RouterLink } from 'vue-router' // 引入的是vuerouter提供的组件
</script>

<style scoped>

</style>